.DataOverview {
    padding-top: 20px;
    margin-bottom: 17px;
    background: #fff;
    border: 1px solid #eaeaea;
    border-bottom: 2px solid #f6c8a3;
    font-family: STHeitiSC-Medium, STHeitiSC;

    .title {
        padding-bottom: 20px;
        margin: 0 20px;
        border-bottom: 1px solid #eaeaea;
        font-size: 16px;
        font-weight: 500;
        color: #33302d;
        line-height: 14px;
    }

    .scrollbar_box {
        padding: 20px;

        .scrollbar {
            display: flex;

            // justify-content: space-around;
            justify-content: space-between;
            align-items: center;
            white-space: nowrap;

            .item {
                margin-right: 20px;
                text-align: left;

                .item_title {
                    display: flex;
                    align-items: center;
                    font-size: 14px;
                    font-family: PingFangSC-Regular, 'PingFang SC';
                    font-weight: 400;
                    color: #666;
                    line-height: 20px;
                }

                .item_value {
                    padding-top: 8px;
                    font-size: 30px;
                    font-family: HelveticaNeue-Medium, HelveticaNeue;
                    font-weight: 500;
                    color: #33302d;
                    line-height: 36px;
                }
            }
        }
    }
}

.tool_tip {
    width: 260px;
}

.tips_img {
    width: 18px;
    height: 18px;
    margin-left: 3px;
    vertical-align: middle;
}
